<div class="wode">
  <!-- 导航栏部分 -->
  <div class="head">
  <headss>
    <div slot="left" class="left">
      <img
        src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61a8af0c1f655f0011bb51f4/61c94cba1158630011a4e26c/16406704913941163986.png"
        alt="" @click="goto">
    </div>
    <div slot="center" class="centet">
      <p>宠物选择</p>
    </div>
    <div slot="right" class="right">
      <p class="tian">添加</p>
    </div>
  </headss>
</div>
<div class="core-container">
  <div class="scroll-wrapper" ref="scroll">
    <div class="scroll-content">     
        <!-- 列表部分 -->
        <div class="list">
            <div class="list-box" v-for="item in list" :key="item.name">
                <div class="l-l">
                    <img :src="item.img" alt="">
                </div>
                <div class="l-c">
                    <div class="l-c-t" >                    
                        <p>{{item.name}}</p>
                        <p>1个月</p>
                    </div>
                    <p class="desc">
                      {{item.desc}}
                    </p>
                    <p class="info">{{item.info}}</p>
                </div>
                <div class="l-r">
                  <van-radio-group v-model="radio">
                    <van-radio name="1" checked-color="#FCCB30FF"></van-radio>
                  </van-radio-group>
              </div>
            </div>
        </div>      
      </div>
    </div>
  </div>
  <!-- 底部部分 -->
  <div class="bottom">
      <p>确定</p>
  </div>
</div>